Unité absolue et unité relative, avec Formulo

En survolant les deux paragraphes sur fond blanc suivants, on constate qu'une seule des deux formules s'adapte au changement de taille de police, ceci grâce à une largeur spécifiée en unité relative typographique.

Une formule en width="176px" : text{D'apr\`es {color{red}\textsc{Wallis}} :}\\ frac{sin(x)}{x} = prod_{k=1}^{+∞} left[1 - left(frac{x}{k pi}right)^2 right] avec un décalage horizontal en unité absolue (dx="-14"px).

L'unité relative typographique (en CSS) : 1em = 1 × taille police px ≈ la largeur d'un M suivi d'un point. Ici, avec la taille de base (16px) : 11em = 11 × 16px = 176px.

La même en width="11em" : text{D'apr\`es {color{red}\textsc{Wallis}} :}\\ frac{sin(x)}{x} = prod_{k=1}^{+∞} left[1 - left(frac{x}{k pi}right)^2 right] avec un décalage vertical en unité typographique (dy="-0.35em").

Avec deux balises différentes (p puis h2) mais une largeur en unité typographique (width="11em") on constate que les formules sont adaptées à la taille de la police utilisée par l'élément :

Formule du binôme : (x + a)^n = sum_{p = 0}^n text{C}_n^p a^{n - p} x^p avec un décalage vertical en pixel (dy="3px").

Formule du binôme : (x + a)^n = sum_{p = 0}^n text{C}_n^p a^{n - p} x^p sans décalage.